@extends('layouts.app')

@section('content')

    {{--栏目列表--}}
    <el-row>
        <div style="text-align: center;padding-top: 20px;">
            <div style="font-size: 16px;">@{{ form.title }}</div>
            <div style="font-size:12px;">@{{ form.subtitle }}</div>
            <div style="font-weight:400;font-size:8px;text-align:center;color:#b3b0b0">(以下号码仅供参考，严禁传播。)</div>
        </div>
        <el-row style="margin-top:5px;padding:0 5px;">
            <el-col :span="12">
                <el-row v-for="(item, index) in form.leftData" :key="index" style="margin-top: 10px;">
                    <div style="display: inline-block;color:#fff;font-size:10px;float:left;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.one }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:left;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.two }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:left;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.three }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:left;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.four }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:left;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.five }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:left;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.six }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:left;width:20px;margin-left:3px;height:18px;background:#001dde;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.seven }}</div>
                </el-row>
            </el-col>
            <el-col :span="12">
                <el-row v-for="(item, index) in form.rightData" :key="index" style="margin-top: 10px;">
                    <div style="display: inline-block;color:#fff;font-size:10px;float:right;width:20px;margin-left:3px;height:18px;background:#001dde;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.seven }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:right;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.six }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:right;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.five }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:right;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.four }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:right;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.three }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:right;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.two }}</div>
                    <div style="display: inline-block;color:#fff;font-size:10px;float:right;width:20px;margin-left:3px;height:18px;background:#e73223;border-radius:50%;text-align:center;line-height:18px;margin-right:1px;">@{{ item.one }}</div>
                </el-row>
            </el-col>
        </el-row>
    </el-row>

@endsection

@section('js')
    <script src="/js/ssq/share.js"></script>
@endsection
